<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<c:import url="../cabecalho.jsp" />
<c:import url="../menu.jsp" />
<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
	<div class="row">
		<ol class="breadcrumb">
			<li><a href="#"><span class="glyphicon glyphicon-home"></span></a></li>
			<li class="active"><fmt:message key="cadastro.usuario"/></li>
		</ol>
	</div>
	<div class="row">
		<div class="col-lg-12">
			<h1 class="page-header">
				<fmt:message key="cadastro.usuario" />
			</h1>
		</div>
	</div>
	<form:form role="form" id="formUsuario" commandName="autorizada">
		<div class="row">
			<div class="col-lg-10 col-md-10">
				<div class="panel panel-default">
					<!--######################## MENSAGENS ########################-->
					<c:if test="${not empty msg && msg.tipo eq 'sucesso'}">
						<div class="alert alert-success" role="alert">
							<fmt:message key="${msg.texto}" />
						</div>
					</c:if>
					<c:if test="${not empty msg && msg.tipo eq 'erro'}">
						<div class="alert alert-danger" role="alert">
							<b>
								<fmt:message key="${msg.texto}">
									<br>
								</fmt:message>
							</b>
							<form:errors path="usuario.nome" cssStyle="color:black; display: block;" />
							<form:errors path="usuario.login" cssStyle="color:black; display: block;" />
							<form:errors path="usuario.senha" cssStyle="color:black; display: block;" />
							<form:errors path="usuario.tipoUsuario" cssStyle="color:black; display: block;" />
							
						</div>
					</c:if>
				
					<div class="panel-heading cab">
						<fmt:message key="cadastro.usuario.dadosusuario" />
					</div>
					<div class="panel-body">
						<div class="col-md-12 col-lg-12">
						
							<div class="form-group col-md-4 col-lg-4">
								<form:label path="usuario.tipoUsuario"><fmt:message key="cadastro.usuario.dadosusuario.ascoem" /></form:label> 
								<form:select path="usuario.tipoUsuario" id="tipoUsuario" class="form-control required">
									<form:option path="usuario.tipoUsuario" value=""></form:option>
									<c:forEach items="${tiposUsuarios}" var="tipoUsuario">
										<form:option path="usuario.tipoUsuario" value="${tipoUsuario}"><fmt:message key="${tipoUsuario.descricao}"/></form:option>
									</c:forEach>
								</form:select>
							</div>
							<div class="form-group col-md-5 col-lg-5">
								<form:label path="nomeAutorizada"><fmt:message key="cadastro.usuario.dadosusuario.ascconcessionaria" /></form:label> 
								<form:select path="nomeAutorizada" id="autorizada" class="form-control">
									<form:option path="nomeAutorizada" value=""></form:option>
									<c:forEach items="${autorizadas}" var="autorizada">
										<form:option path="nomeAutorizada" value="${autorizada.nomeAutorizada}">${autorizada.nomeAutorizada}</form:option>
									</c:forEach>
								</form:select>
							</div>	
							
							<div class="form-group col-md-3 col-lg-3" >
								<form:label path="dadosPerfil.codigoSap"><fmt:message key="cadastro.usuario.dadosusuario.codigo.sap" /></form:label> 
								<form:input path="dadosPerfil.codigoSap" cssClass="form-control" disabled="true"  />
							</div>
							
						</div>
						<div class="col-md-12 col-lg-12">
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.email">
									<fmt:message key="entrada.reparo.contato.email" />
								</form:label>
								<form:input path="dadosPerfil.email" cssClass="form-control" />
							</div>
							
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="usuario.nome">
									<fmt:message key="nome" />
								</form:label>
								<form:input path="usuario.nome" cssClass="form-control required" />
							</div>
							
							<div class="form-group col-md-2 col-lg-2">
								<form:label path="usuario.login">
									<fmt:message key="login" />
								</form:label>
								<form:input path="usuario.login" cssClass="form-control required" />
							</div>
							
							<div class="form-group col-md-2 col-lg-2">
								<form:label path="usuario.senha">
									<fmt:message key="senha" />
								</form:label>
								<form:password path="usuario.senha" value="${autorizada.usuario.senha}" cssClass="form-control required" />
							</div>
							
							<div class="form-group col-md-2 col-lg-2">
								<form:checkbox path="usuario.usuarioAtivo" id="usuarioAtivo1" style="margin-top:35px;" />
								<label for="usuarioAtivo1">
									<fmt:message key="cadastro.usuario.dadosusuario.ativa" />
								</label>
							</div>
						</div>
						<div class="col-md-12 col-lg-12">
							<div class="form-group col-md-6 col-lg-6">
								<form:label path="dadosPerfil.endereco.rua">
									<fmt:message key="entrada.reparo.endereco.rua" />
								</form:label>
								<form:input path="dadosPerfil.endereco.rua" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.endereco.numero">
									<fmt:message key="entrada.reparo.endereco.numero" />
								</form:label>
								<form:input path="dadosPerfil.endereco.numero" cssClass="form-control" disabled="true" />
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.endereco.complemento">
									<fmt:message key="entrada.reparo.endereco.complemento" />
								</form:label>
								<form:input path="dadosPerfil.endereco.complemento" cssClass="form-control" disabled="true" />
							</div>
						</div>
						<div class="col-md-12 col-lg-12">
							<div class="form-group col-md-6 col-lg-6">
								<form:label path="dadosPerfil.endereco.cidade">
									<fmt:message key="entrada.reparo.endereco.cidade" />
								</form:label>
								<form:input path="dadosPerfil.endereco.cidade" cssClass="form-control" disabled="true" />
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.endereco.estado">
									<fmt:message key="entrada.reparo.endereco.estado" />
								</form:label>
								<form:input path="dadosPerfil.endereco.estado" cssClass="form-control" disabled="true" />
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.endereco.cep">
									<fmt:message key="entrada.reparo.endereco.cep" />
								</form:label>
								<form:input path="dadosPerfil.endereco.cep" cssClass="form-control" disabled="true" />
							</div>
						</div>
						<div class="col-md-12 col-lg-12">
							
							
							
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.telefone">
									<fmt:message key="entrada.reparo.contato.telefone" />
								</form:label>
								<form:input path="dadosPerfil.telefone" cssClass="form-control" disabled="true" />
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.celular">
									<fmt:message key="entrada.reparo.contato.celular" />
								</form:label>
								<form:input path="dadosPerfil.celular" cssClass="form-control" disabled="true" />
							</div>
						</div>
					</div>
					
					<!-- ############################## DADOS DO PERFIL ######################################### -->
					<div class="panel-heading cab">
						<fmt:message key="cadastro.usuario.dadosperfil" />
					</div>
					<div class="panel-body">
						<div class="col-md-12 col-lg-12">
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.empresa"><fmt:message key="cadastro.usuario.dadosperfil.empresa" /></form:label> 
								<form:input path="dadosPerfil.empresa" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-9 col-lg-9">
								<form:label path="dadosPerfil.centro"><fmt:message key="cadastro.usuario.dadosperfil.centro" /></form:label> 
								<form:input path="dadosPerfil.centro" cssClass="form-control" disabled="true"/>
							</div>
						</div>
						<div class="col-md-12 col-lg-12">
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.organizacaoDeVendas"><fmt:message key="cadastro.usuario.dadosperfil.organizacao.venda" /></form:label> 
								<form:input path="dadosPerfil.organizacaoDeVendas" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.canalDeDistribuicao"><fmt:message key="cadastro.usuario.dadosperfil.canal.distribuicao" /></form:label> 
								<form:input path="dadosPerfil.canalDeDistribuicao" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.setorDeAtividade"><fmt:message key="cadastro.usuario.dadosperfil.setor.atividade" /></form:label> 
								<form:input path="dadosPerfil.setorDeAtividade" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.escritorioDeVendas"><fmt:message key="cadastro.usuario.dadosperfil.escritorio.venda" /></form:label> 
								<form:input path="dadosPerfil.escritorioDeVendas" cssClass="form-control" disabled="true"/>
							</div>
						</div>
						<div class="col-md-12 col-lg-12">
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.centroDeTrabalho"><fmt:message key="cadastro.usuario.dadosperfil.centro.trabalho" /></form:label> 
								<form:input path="dadosPerfil.centroDeTrabalho" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.divisao"><fmt:message key="cadastro.usuario.dadosperfil.divisao" /></form:label> 
								<form:input path="dadosPerfil.divisao" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.centroDeCusto"><fmt:message key="cadastro.usuario.dadosperfil.centro.custo" /></form:label> 
								<form:input path="dadosPerfil.centroDeCusto" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.grupoDePlanejamento"><fmt:message key="cadastro.usuario.dadosperfil.grupo.planejamento" /></form:label> 
								<form:input path="dadosPerfil.grupoDePlanejamento" cssClass="form-control" disabled="true"/>
							</div>
						</div>
						<div class="col-md-12 col-lg-12">
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.grupoDeProduto"><fmt:message key="cadastro.usuario.dadosperfil.grupo.producao" /></form:label> 
								<form:input path="dadosPerfil.grupoDeProduto" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.localizacao"><fmt:message key="cadastro.usuario.dadosperfil.localizacao" /></form:label> 
								<form:input path="dadosPerfil.localizacao" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.tipoDeNota"><fmt:message key="cadastro.usuario.dadosperfil.tipo.nota" /></form:label> 
								<form:input path="dadosPerfil.tipoDeNota" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.tipoOrdemServico"><fmt:message key="cadastro.usuario.dadosperfil.tipo.os" /></form:label> 
								<form:input path="dadosPerfil.tipoOrdemServico" cssClass="form-control" disabled="true"/>
							</div>
						</div>
						<div class="col-md-12 col-lg-12">
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.tipoOrdemVendaIW"><fmt:message key="cadastro.usuario.dadosperfil.tipo.iw" /></form:label> 
								<form:input path="dadosPerfil.tipoOrdemVendaIW" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-3 col-lg-3">
								<form:label path="dadosPerfil.tipoOrdemVendaOW"><fmt:message key="cadastro.usuario.dadosperfil.tipo.ow" /></form:label> 
								<form:input path="dadosPerfil.tipoOrdemVendaOW" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-2 col-lg-2">
								<form:label path="dadosPerfil.tipoOrdemCompra"><fmt:message key="cadastro.usuario.dadosperfil.tipo.ordem.compra" /></form:label> 
								<form:input path="dadosPerfil.tipoOrdemCompra" cssClass="form-control" disabled="true"/>
							</div>
							<div class="form-group col-md-2 col-lg-2">
								<form:label path="dadosPerfil.organizacaoDeCompra"><fmt:message key="cadastro.usuario.dadosperfil.organizacao.compra" /></form:label> 
								<form:input path="dadosPerfil.organizacaoDeCompra" cssClass="form-control" disabled="true" />
							</div>
							<div class="form-group col-md-2 col-lg-2">
								<form:label path="dadosPerfil.grupoDeCompra"><fmt:message key="cadastro.usuario.dadosperfil.grupo.compra" /></form:label> 
								<form:input path="dadosPerfil.grupoDeCompra" cssClass="form-control" disabled="true"/>
							</div>
						</div>
						
						<div class="col-md-12 col-lg-12">
							<div class="form-group col-md-12 col-lg-12">
								<button id="bt_cadastrar" type="button" class="btn btn-success direita"><fmt:message key="cadastrar" /></button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<input type="hidden" name="temErroForm" id="temErroForm" value="${not empty msg && msg.tipo eq 'erro' ? 'sim' : 'nao'}" />
	</form:form>
</div>

<script>
	$("#tipoUsuario").change(function(){
		$("#formUsuario").attr("action", "recarregaListaDeAutorizadas");
		$("#formUsuario").submit();
	});
	
	$("#autorizada").change(function(){
		$("#formUsuario").attr("action", "atualizaAutorizada");
		$("#formUsuario").submit();
	});
	
	$("#bt_cadastrar").click(function(){
		$("#formUsuario").attr("action", "gravarUsuario");
		$("#formUsuario").submit();
	});
</script>

<c:import url="../rodape.jsp" />
